﻿<%@ page import="com.ws.lv.util.Res" %><%--
  Created by IntelliJ IDEA.
  User: Adminis
  Date: 2025/3/19
  Time: 11:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台首页</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/admin/js/jquery-2.1.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/admin/js/bootstrap.min.js"></script>
    <style>
        .panel {
            margin-bottom: 0px;
        }

        .panel-body {
            background-image: url("${pageContext.request.contextPath}/admin/images/meigui.png");
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            color: #fff;
        }

        .panel-body a {
            color: #fff;
            font-size: 20px;
        }

        .aside {
            width: 300px;
            border: 1px solid #ccc;
            height: 700px;
        }

        .menu .panel-heading {
            background-color: orange;
            color: #fff;
            cursor: pointer;
        }

        .menu .list-group {
            display: none;
        }

        .aside {
            float: left;
            width: 15%;
        }

        .right {
            float: left;
            width: 85%;
            height: 700px;
        }

        ul li {
            transition: box-shadow 0.3s ease; /* 添加过渡效果 */
        }

        ul li a {
            color: black;
        }

        ul li:hover {
            color: rgb(229, 255, 0);
            background: rgba(225, 123, 234, 0.45);
            box-shadow: 0 0 10px rgba(235, 16, 255, 0.452);
        }

        ul li:hover a {
            text-decoration: none;
            color: rgb(229, 255, 0);
        }

        .tx {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }


    </style>
    <c:if test="${aclUser == null}">
        <script>
            window.parent.location.href = "${pageContext.request.contextPath}/acl_user/toLogin";
        </script>
    </c:if>
</head>
<body>
<div>
    <div class="top">
        <div class="panel panel-default panel-custom">
            <div class="panel-body">
                <a href="">
                    <span>顽石旅游线路管理系统</span>
                </a>
                <span style="float: right;">
					<img class="tx" src="<%=Res.adminTxFileUrl%>${aclUser.user_tx}">
					<b style="margin: 0 20px">欢迎：${aclUser.nickname}</b>
					<a href="${pageContext.request.contextPath}/acl_user/outLogin">退出</a>
				</span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="aside">
            <div class="menu">
                <div class="panel panel-default">
                    <!-- Default panel contents -->
                    <div class="panel-heading">
                        <span>权限管理</span>
                    </div>
                    <!-- List group -->
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/acl_user/selectAcl_users"
                               target="myFrame">用户管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/acl_role/selectAcl_roles"
                               target="myFrame">角色管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/acl_permission/selectAcl_permissions" target="myFrame">权限管理</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="menu">
                <div class="panel panel-default">
                    <!-- Default panel contents -->
                    <div class="panel-heading">
                        <span>线路管理</span>
                    </div>
                    <!-- List group -->
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/route/selectRoute" target="myFrame">线路管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/type/selectTypes" target="myFrame">类别管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/theme/selectThemeByTerm" target="myFrame">主题管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/link/selectLinks" target="myFrame">友情链接管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/order_info/selectOrder_infos" target="myFrame">订单管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/save/selectSave" target="myFrame">收藏管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/supplier/selectSuppliers" target="myFrame">供应商管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/slideshow/selectSlideshows" target="myFrame">线路轮播图管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/image/selectImages" target="myFrame">线路附图管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/user/selectUsers" target="myFrame">前台用户管理</a>
                        </li>
                        <li class="list-group-item">
                            <a href="${pageContext.request.contextPath}/adminpage/toCount" target="myFrame">统计分析</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="right">
            <iframe name="myFrame" width="100%" height="100%" scrolling="yes" frameborder="0"
                    src="${pageContext.request.contextPath}/adminpage/toWelcome"></iframe>
        </div>
    </div>
    <div class="footer">

    </div>
</div>
<script>
    var menus = document.querySelectorAll(".menu .panel-heading");

    menus.forEach(element => {
        var isshow = false;
        element.onclick = function () {
            var list_group = this.nextElementSibling;
            if (isshow) {
                list_group.style.display = "none";
                isshow = false
            } else {
                list_group.style.display = "block";
                isshow = true
            }
        }
    });
</script>
</body>
</html>